<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sb" uri="/struts-bootstrap-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录-叫外卖上e9ding.com</title>
<script src="<%=basePath %>js/jquery-2.0.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$("#vcodeImg").insertAfter("#vcode");
	
	$("#vcodeImg").click(function(){
		$(this).attr("src","<%=basePath%>vcode.jpg?"+ Math.floor(Math.random() * 100));
				});

});
</script>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
font-family:'微软雅黑';
}
a:LINK{text-decoration: none;color:#3199e8;}
a:visited {text-decoration:none ; color:#3199e8;}
a:hover {text-decoration:underline ; color:#3199e8;}
a:active {text-decoration:none ; color:#3199e8;} 
</style>
</head>
<body>
<form action="<%=basePath%>user/user_userLogin" method="post">
<div style="width: 100%;height: 100px;"><img alt="" style="margin-left: 130px;" width="500px;" height="100px;" src="<%=basePath%>image/e9ding.png"> </div>
<div style="width: 850px;height: 480px;margin:0px auto;">
<div style="width:500px;height: 100%;float:left;">
<img alt="" src="<%=basePath%>image/left.png">
</div>
<div style="width:340px;height: 100%;float:left;background-color: #fafcfe; border: 1px solid #dfe8f2;">
<div style="width: 280px;height: 420px;margin:20px auto;">
<span style="font-family:'微软雅黑';font-size: 30px;font-weight:800;color:#414c59;;">登录</span>
<div style="width: 280px;height: 36px;margin-top:20px;border: 1px solid #d3e1f1; ">
<div style="width: 36px;height: 100%;float: left;"></div>
<div style="width:244px;height: 100%;float: left;"><s:textfield name="userEmail" theme="simple" required="true" placeholder="请输入登录邮箱" style="width:100%;height:100%;border:0px"></s:textfield>
</div>
</div>
<div style="width: 100%;height: 36px;margin-top:20px;border: 1px solid #d3e1f1;">
<div style="width: 36px;height: 100%;float: left;"></div>
<div style="width:244px;height: 100%;float: left;"><s:password name="userPwd" theme="simple" required="true" placeholder="请输入登录密码" style="width:100%;height:100%;border:0px"></s:password>
</div>
</div>
<div style="width: 280px;height: 36px;margin-top:20px;border: 1px solid #d3e1f1;">
<div style="width: 150px;height: 100%;float: left;"><s:textfield theme="simple" required="true" placeholder="请输入验证码" style="width:100%;height:100%;border:0px"></s:textfield></div>
<div style="width:130px;height: 100%;float: left;"><img id="vcodeImg" width="130px;" height="36px;" src="<%=basePath%>vcode.jpg"></div>
</div>
<div style="width: 280px;height: 26px;margin-top:20px;"><input type="checkbox" checked="checked"/>下次自动登录</div>
<div style="width: 280px;height: 45px;margin-top:10px;"><input type="submit" style="width:100%;height: 100%;color: white;border:1px solid #3199e8;background: #3199e8;  font-size: 16px;font-weight: 400;font-family: '微软雅黑'; " value="登录"></div>
<div style="width: 280px;height: 30px;margin-top:10px;">
<div style="width: 100px;height: 100%;float:left;"><a href="<%=basePath %>user/user_editUser">新用户注册</a> </div>
<div style="width: 100px;height: 100%;float:right;"><a href="">忘记密码</a> </div>
</div>
<div style="width: 280px;height: 20px;font-size: 5px;color:#8da0aa;"><span>------------可使用以下帐号直接登录---------------</span></div>
<div style="width: 280px;height: 50px;">
<img alt="" width="40px;" height="40px;" style="margin-left: 80px;" src="<%=basePath%>image/xinlang.png">
<img alt="" width="40px;" height="40px;" style="margin-right: 80px;" src="<%=basePath%>image/renren.png">
</div>
</div>
</div>
</div>
<div style="width: 36px;height: 36px;position:absolute;top:182px;left:782px;"><img alt="" src="<%=basePath%>image/name.png"></div>
<div style="width: 36px;height: 36px;position:absolute;top:240px;left:782px;"><img alt="" src="<%=basePath%>image/password.png"></div>
</form>
</body>
<%@ include file="/page/user/userFooter.jsp"%>
</html>